<!-- aframe.js已在编辑器边栏的"第三方库"中加载 -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>欢迎来到INA直播</title>
    <meta name="description" content="360&deg; Image - A-Frame">
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 
  </head>
  <body>
    <a-scene>
    <a-assets>
        <img id="boxTexture" src="https://ucarecdn.com/6547a240-333c-4a4c-9e48-a8585d011900/">
        <img id="groundTexture" src="https://ucarecdn.com/b604b38d-b175-4745-a95d-b2c61f94014f/">
        <img id="skyTexture" src="https://ucarecdn.com/8ef8be2c-3420-4b52-9fdf-1b54c0fe5257/">
    </a-assets>
    <a-box position="0 2 -5" rotation="0 45 45" scale="2 2 2" src="#boxTexture">
        <a-animation attribute="position" direction="alternate" dur="2000" repeat="indefinite" to="0 2.2 -5"></a-animation>
        <a-animation attribute="rotation" begin="click" dur="2000" to="360 405 45"></a-animation>
        <a-animation attribute="scale" begin="mouseenter" dur="300" to="2.3 2.3 2.3"></a-animation>
        <a-animation attribute="scale" begin="mouseleave" dur="300" to="2 2 2"></a-animation>
    </a-box>
    <a-sky height="2048" radius="30" src="#skyTexture" theta-length="90" width="2048"></a-sky>
    <a-light type="ambient" color="#445451"></a-light>
    <a-light type="point" intensity="2" position="2 4 4"></a-light>
    <a-plane src="#groundTexture" rotation="-90 0 0" height="100" width="100"></a-plane>
    <a-text value="Hello, INA!" color="#BBB" position="-0.9 0.2 -3" scale="1.5 1.5 1.5"></a-text>
    <a-camera>
        <a-cursor color="#FAFAFA" />
    </a-camera>
</a-scene>
  </body>
</html>
